html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  // font-size: 100%;
  // font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 字体颜色 */
.tc_r {
  color: #f20049;
}
.tc_g {
  color: #31a2a3;
}
.tc_b {
  color: #81a8e2;
}
.tc_w {
  color: #fff;
}
.tc_0 {
  color: #000;
}
.tc_1 {
  color: #111;
}
.tc_3 {
  color: #333;
}
.tc_5 {
  color: #555;
}
.tc_6 {
  color: #666;
}
.tc_7 {
  color: #777;
}
.tc_8 {
  color: #888;
}
.tc_9 {
  color: #999;
}
.tc_c {
  color: #ccc;
}

/* 字体大小 */
.fw_700 {
  font-weight: 700;
}
.fw_300 {
  font-weight: 300;
}
.f_10px {
  font-size: 10px !important;
}
.f_11px {
  font-size: 11px !important;
}
.f_12px {
  font-size: 12px !important;
}
.f_14px {
  font-size: 14px !important;
}
.f_16px {
  font-size: 16px !important;
}
.f_18px {
  font-size: 18px !important;
}
.f_20px {
  font-size: 20px !important;
}
.f_22px {
  font-size: 22px !important;
}
.f_24px {
  font-size: 24px !important;
}
.f_26px {
  font-size: 26px !important;
}
.f_28px {
  font-size: 28px !important;
}
.f_30px {
  font-size: 30px !important;
}
.f_32px {
  font-size: 32px !important;
}
.f_34px {
  font-size: 34px !important;
}
.f_36px {
  font-size: 36px !important;
}
.f_38px {
  font-size: 38px !important;
}
.f_40px {
  font-size: 40px !important;
}
.f_42px {
  font-size: 42px !important;
}
.f_44px {
  font-size: 44px !important;
}
.f_46px {
  font-size: 46px !important;
}
.f_48px {
  font-size: 48px !important;
}
.f_50px {
  font-size: 50px !important;
}
.f_52px {
  font-size: 52px !important;
}

.f_10 {
  font-size: 1rem !important;
}
.f_11 {
  font-size: 1.1rem !important;
}
.f_12 {
  font-size: 1.2rem !important;
}
.f_14 {
  font-size: 1.4rem !important;
}
.f_16 {
  font-size: 1.6rem !important;
}
.f_18 {
  font-size: 1.8rem !important;
}
.f_20 {
  font-size: 2rem !important;
}
.f_22 {
  font-size: 2.2rem !important;
}
.f_24 {
  font-size: 2.4rem !important;
}
.f_26 {
  font-size: 2.6rem !important;
}
.f_28 {
  font-size: 2.8rem !important;
}
.f_30 {
  font-size: 3rem !important;
}
.f_32 {
  font-size: 3.2rem !important;
}
.f_34 {
  font-size: 3.4rem !important;
}
.f_36 {
  font-size: 3.6rem !important;
}
.f_38 {
  font-size: 3.8rem !important;
}
.f_40 {
  font-size: 4rem !important;
}
.f_42 {
  font-size: 4.2rem !important;
}
.f_44 {
  font-size: 4.4rem !important;
}
.f_46 {
  font-size: 4.6rem !important;
}
.f_48 {
  font-size: 4.8rem !important;
}
.f_50 {
  font-size: 5rem !important;
}
.f_52 {
  font-size: 5.2rem !important;
}

/* 背景色 */
.bg_w {
  background-color: #fff;
}
.bg_g {
  background-color: #01847f;
}
.bg_r {
  background-color: #f20049;
}
.bg_y {
  background-color: #ffbf1a;
}
.bg_b {
  background-color: #81a8e2;
}
.bg_p {
  background-color: #ff9d9d;
}
.bg_1 {
  background-color: #111;
}
.bg_c {
  background-color: #ccc;
}
.bg_linear_r {
  background: linear-gradient(94.98deg, #f4705e 12.32%, #f20049 106.57%);
}

/* 圆角 */
.border_r4 {
  border-radius: 0.4rem;
}
.border_r8 {
  border-radius: 0.8rem;
}
.border_r12 {
  border-radius: 1.2rem;
}
.border_r16 {
  border-radius: 1.6rem;
}
.border_r24 {
  border-radius: 2.4rem;
}

/* 字横线 */
.td_line {
  text-decoration: line-through;
}
.td_under {
  text-decoration: underline;
}
.td_over {
  text-decoration: overline;
}

/* margin类 */
.margin_t4 {
  margin-top: 0.4rem;
}
.margin_t8 {
  margin-top: 0.8rem;
}
.margin_t12 {
  margin-top: 1.2rem;
}
.margin_t16 {
  margin-top: 1.6rem;
}
.margin_r8 {
  margin-right: 0.8rem;
}
.margin_r12 {
  margin-right: 1.2rem;
}
.margin_r16 {
  margin-right: 1.6rem;
}
.margin_r20 {
  margin-right: 2rem;
}

.margin_b4 {
  margin-bottom: 0.4rem;
}
.margin_b6 {
  margin-bottom: 0.6rem;
}
.margin_b8 {
  margin-bottom: 0.8rem;
}
.margin_b10 {
  margin-bottom: 1rem;
}
.margin_b12 {
  margin-bottom: 1.2rem;
}
.margin_b16 {
  margin-bottom: 1.6rem;
}
.margin_b20 {
  margin-bottom: 2rem;
}
.margin_b24 {
  margin-bottom: 2.4rem;
}
.margin_b28 {
  margin-bottom: 2.8rem;
}
.margin_b30 {
  margin-bottom: 3rem;
}
.margin_b32 {
  margin-bottom: 3.2rem;
}
.margin_b36 {
  margin-bottom: 3.6rem;
}
.margin_b38 {
  margin-bottom: 3.8rem;
}
.margin_b40 {
  margin-bottom: 4rem;
}
.margin_b60 {
  margin-bottom: 6rem;
}

.margin_l12 {
  margin-left: 1.2rem;
}

/* 限制字行 */
.text_line_1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  width: 100%;
}
.text_line_2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  width: 100%;
}

/* flex布局 */
.flex_1 {
  flex: 1;
}
.flexWrap {
  flex-wrap: wrap;
}
.flexNowrap {
  flex-wrap: nowrap;
}
.flex_r_c_c {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.flex_r_fs_c {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.flex_r_fe_c {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.flex_r_fs_fs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex_r_fe_fs {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
}
.flex_r_sb_c {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.flex_r_sb_fs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.flex_r_sb_fe {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.flex_r_sa_c {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.flex_c_c_c {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex_c_c_fs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.flex_c_sb_c {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.flex_c_sb_fs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.flex_c_fs_c {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.flex_c_fs_fe {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
.flex_c_fs_fs {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

/* 文字对齐 */
.textA_c {
  text-align: center;
}
.textA_r {
  text-align: right;
}
.textA_l {
  text-align: left;
}
